import 'package:flutter/material.dart';
import 'package:flutter_base_widget/base/base.dart';
import 'dart:ui' as ui;

class BackdropFilterPage extends BasePage {
  @override
  // TODO: implement title
  String get title => "BackdropFilter";

  @override
  Widget rebuild(BuildContext context) {
    // TODO: implement rebuild
      return Stack(
        fit: StackFit.expand,
        children: <Widget>[
          Text('0' * 10000),
          Center(
            child: ClipRect(  // <-- clips to the 200x200 [Container] below
              child: BackdropFilter(
                filter: ui.ImageFilter.blur(
                  sigmaX: 1.0,
                  sigmaY: 1.0,
                ),
                child: Container(
                  alignment: Alignment.center,
                  width: 200.0,
                  height: 200.0,
                  child: Text('Hello World'),
                ),
              ),
            ),
          ),
        ],
      );
  }
}